import type { App } from 'vue'
import { AppLinkInput			}   from './AppLinkInput'
import { Backtop                }   from './Backtop'
import { bpmnProcessDesigner    }   from './bpmnProcessDesigner'
import { CardTitle                   }   from './Card'
import { ColorInput             }   from './ColorInput'
import { ConfigGlobal           }   from './ConfigGlobal'
import { ContentDetailWrap      }   from './ContentDetailWrap'
import { ContentWrap            }   from './ContentWrap'
import { CountTo                }   from './CountTo'
import { Crontab                }   from './Crontab'
import { CropperImage, CropperAvatar                }   from './Cropper'
import { Descriptions           }   from './Descriptions'
import { Dialog                 }   from './Dialog'
import { DictSelect             }   from './DictSelect'
import { DictTag                }   from './DictTag'
import { DiyEditor              }   from './DiyEditor'
import DocAlert                 from './DocAlert/index.vue'
import { Draggable              }   from './Draggable'
import { Echart                 }   from './Echart'
import { Editor                 }   from './Editor'
import { Error                  }   from './Error'
import { Form                   }   from './Form'
// import { FormCreate             }   from './FormCreate'
import { Highlight              }   from './Highlight'
import { Icon                   }   from './Icon'
import { IFrame                 }   from './IFrame'
// import { ImageViewer            }   from './ImageViewer'
import { Infotip                }   from './Infotip'
import { InputPassword          }   from './InputPassword'
import { InputWithColor         }   from './InputWithColor'
import { MagicCubeEditor        }   from './MagicCubeEditor'
import { OperateLogV2           }   from './OperateLogV2'
import { Pagination             }   from './Pagination'
import { Qrcode                 }   from './Qrcode'
import { RouterSearch           }   from './RouterSearch'
import { Search                 }   from './Search'
import { ShortcutDateRangePicker}   from './ShortcutDateRangePicker'
import { SimpleProcessDesigner  }   from './SimpleProcessDesigner'
import { Sticky                 }   from './Sticky'
import { SummaryCard            }   from './SummaryCard'
import { Table                  }   from './Table'
import { Tooltip                }   from './Tooltip'
import { UploadFile             }   from './UploadFile'
// import { Verifition             }   from './Verifition'
import { VerticalButtonGroup    }   from './VerticalButtonGroup'
import { XButton                }   from './XButton'

export const setupGlobCom = (app: App<Element>): void => {
  app.component('Icon', Icon)
  app.component('Dialog', Dialog)
  app.component('ContentWrap', ContentWrap)
  app.component('doc-alert', DocAlert)
  app.component('dict-tag', DictTag)
  app.component('Tooltip', Tooltip)
  app.component('Icon', Icon)
  app.component('Icon', Icon)
  app.component('Icon', Icon)
  app.component('Icon', Icon)
  app.component('Icon', Icon)
  app.component('Icon', Icon)
  app.component('Icon', Icon)
  app.component('Icon', Icon)
}
